@charset "utf-8";
@font-face {
	font-family: 'Geometr';
	src: url(fonts/Geometr.ttf) format('truetype');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	box-sizing: border-box;
	vertical-align: baseline;
}
/* scrollbar for chrome*/
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: rgba(35, 35, 35, 0.77);
}
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: rgba(31, 31, 31, 0.49);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-webkit-scrollbar-track:hover {
	background-color: rgba(58, 58, 58, 0.2);
	-webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.4);
}
::-webkit-scrollbar-track:active {
	background-color: rgba(107, 107, 107, 0.2);
	-webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.1);
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgb(158, 158, 158);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:hover {
	background-color: rgb(224, 142, 20);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:active {
	background: rgb(241, 29, 39);
}
/* scrollbar for chrome end*/

.transition {
	transition: all 1.0s linear;
	-moz-transition: all 1.0s linear;
	-ms-transition: all 1.0s linear;
	-o-transition: all 1.0s linear;
	-webkit-transition: all 1.0s linear;
}

body{font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;background:#fff;font-size:14px}
a{text-decoration:none;color:#444}
a:hover{text-decoration:none!important}
a{text-decoration:none;color:#444}
a:hover{text-decoration:none!important}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
li{list-style-type:none}
input,textarea{outline:none}
h1,h2,h3,h4,h5{margin:0}

/*右滑填充特效*/
.over-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.over-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d90000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.over-right:hover, .over-right:focus, .over-right:active {
  color: #fff;
}
.over-right:hover:before, .over-right:focus:before, .over-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*通用图片放大效果*/
.img{height:auto;overflow:hidden;position:relative}
.img img{width:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:relative;z-index:3}
.img .cover{width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:absolute;left:0;top:0;z-index:4;line-height:195px;text-align:center}
.img .cover a{vertical-align:middle;display:block;width:100%;height:100%;color:#FFF;font-size:18px;position:relative;top:50px;opacity:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.img .cover a:hover{color:#FFF;text-decoration:none}
.img .cover a i{line-height:164px}
.img:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.img:hover .cover{background:#222;opacity:0.85}
.img:hover .cover a{top:0;opacity:1}
.img .cover a h4,.img:hover .cover a h4{margin-top:60px;font-size:22px;color:#fff;margin-bottom:40px;border-bottom:1px dotted #ddd;line-height:80px}
.img .cover a span,.img:hover .cover a span{display:block;color:#fff;font-size:14px;line-height:20px}

/*背景图片缓慢缩放动作*/
@keyframes mymove { 0% {
	transform:scale(1.2, 1.2)
	}
	100% {
	 transform:scale(1, 1)
	}
}

.w1200{width:1200px; margin:0 auto;}
.w1400{width:1400px; margin:0 auto;}
.w90p{width:90%; max-width:1400px; margin:0 auto;}

/*头部*/
header{width:100%;height: 116px;background: #fff;padding-top: 20px;box-sizing: border-box;}
header .logo{width: 240px;height:70px;background:url(../images/logo.png) no-repeat center center;background-size:100%;float:left;position:  relative;}
header .logo a{display:block;height:100%;font-size:0;}
header .top-sologan{float: left;overflow: hidden;border-left: 1px solid #ddd;padding-left: 20px;margin-top: 14px;}
header .top-sologan h4{font-size: 20px;line-height: 20px;font-weight: bold;color: #222;margin-bottom: 4px;}
header .top-sologan p{font-size: 16px;line-height: 20px;color: #d90000;}
header .top-qrcode{overflow: hidden;float: right;margin: -10px 20px 0 20px;}
header .top-qrcode img{display: block;width: 78px;}
header .top-qrcode p{font-size: 14px;line-height: 20px;color: #888;text-align: center;}
header .top-contact{overflow: hidden;float: right;margin-left: 20px;padding: 14px;}
header .top-contact .icon{width: 46px;text-align: center;float: left;border-radius: 50%;border: 2px solid #065fab;box-sizing: content-box;margin-right: 10px;}
header .top-contact .icon i{font-size: 30px;line-height: 46px;color: #065fab;}
header .top-contact .tel{float: left;}
header .top-contact .tel p{font-size: 16px;line-height: 20px;color: #222;}
header .top-contact .tel p span{font-size: 22px;line-height: 34px;font-weight: bold;color: #d90000;}

nav{width:100%;height: 70px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);background: #065fab;position:  relative;z-index: 99;}
nav .menu{float: left;width: 100%;}
nav .menu ul{width: 100%;}
nav .menu ul li{float:left;line-height: 70px;position: relative;width: calc(100% / 8);}
nav .menu ul li.m1::after{
	position:absolute;
	width:0;
	height:3px;
	content:"";
	background-color: #58a6e8;
	left:50%;
	bottom:0;
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
nav .menu ul li.m1:hover::after{ width:100%;}
nav .menu ul li.m1 a{color: #fff;font-size: 15px;display: block;position:relative;width: 100%;text-align: center;}
nav .menu ul li.m1.active{background: #113452;}
nav .menu ul li.m1.active a{color: #ffffff;}
nav .menu ul li ul.submenu{position:absolute;top: 70px;left: 0;z-index: 101;width: 240px;background: #fff;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);overflow: hidden;display:none;}
nav .menu ul li ul.submenu li.m2{line-height: 40px;position:  relative;text-align:  center;width: 100%;border-bottom: 1px solid #eee;transition: all 0.2s ease-out 0s;}
nav .menu ul li ul.submenu li.m2 a{color:#999;text-align: left;padding: 0 30px;}
nav .menu ul li ul.submenu li.m2:last-child{border-bottom:none;}
nav .menu ul li ul.submenu li.m2 a::before {
 content: ' ';
 position: absolute;
 background: linear-gradient(to right,transparent,rgba(25, 25, 25, 0.18),transparent);
 width: 20px;
 height: 40px;
 top: 0;
 left: -90px;
 -webkit-transition: all 0.45s ease-out;
 transition: all 0.45s ease-out;
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
 z-index:9;
}
nav .menu ul li ul.submenu li.m2 a::after{display:none;}
nav .menu ul li ul.submenu li.m2:hover a{color:#d90000;}
nav .menu ul li ul.submenu li.m2:hover a::before {left: 260px;}
nav.stricky-fixed {
	margin: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	animation-name: menu_sticky;
	animation-duration: 0.60s;
	animation-timing-function: ease-out;
}
/*头部固定特效*/
@keyframes menu_sticky {
	0%  {
		margin-top: -100px;
	}
	50% {
		margin-top: -90px;
	}
	100% {
		margin-top: 0;
	}
}


/*导航菜单下拉出产品分类*/
.pronav{left: 0!important;width: 100%!important;margin: 0!important;text-align: center;padding: 0 4%;}
.pronav li{display: inline-block;width: calc(16.666% - 60px)!important;margin: 20px;font-size: 14px;color: #666;text-align: center!important;border:none!important;float: none!important;padding: 0!important;}
.pronav li img{width:100%;display:  block;}
nav .menu ul li ul.pronav li a::before{display:none;}
.pronav li p{line-height: 24px;display: block;color: #666;}
.pronav li span{display: block;font-size:12px;color: #aaa;}
.minimenu li{min-width: 202px;}

footer{width:100%;overflow:hidden;background: #212121;}
footer .foot-left{overflow: hidden;float: left;width: 300px;padding: 60px 0 60px 80px;background: #333;}
footer .foot-left .foot-contact{overflow: hidden;float: left;margin: 30px 0 30px -30px;}
footer .foot-left .foot-contact .icon{width: 36px;text-align: center;float: left;border-radius: 50%;box-sizing: content-box;margin-right: 10px;background: #065fab;margin-top: 6px;}
footer .foot-left .foot-contact .icon i{font-size: 24px;line-height: 36px;color: #ffffff;}
footer .foot-left .foot-contact .tel{float: left;}
footer .foot-left .foot-contact .tel p{font-size: 14px;line-height: 20px;color: #ddd;}
footer .foot-left .foot-contact .tel p span{font-size: 20px;line-height: 24px;font-weight: bold;color: #fff;}
footer .foot-left h4{color:#fff;font-size: 18px;font-weight: bold;border-bottom: 1px solid #fff;line-height: 34px;float: left;margin-bottom: 30px;}
footer .foot-left ul{overflow: hidden;clear: both;}
footer .foot-left ul li{line-height: 24px;}
footer .foot-left ul li a{color: #fff;display: block;}
footer .foot-right{overflow: hidden;padding-left: 80px;}
footer .foot-right .contact{overflow: hidden;padding: 60px 0 20px 0;}
footer .foot-right .contact h4{color:#fff;font-size: 18px;font-weight: bold;border-bottom: 1px solid #fff;line-height: 34px;margin-bottom: 30px;float: left;}
footer .foot-right .contact p{color: #fff;clear: both;font-size: 14px;line-height: 24px;}
footer .foot-right .contact p.companyname{font-size: 18px;line-height: 34px;font-weight: bold;color: #888;margin-bottom: 10px;}
footer .foot-right .sologan{overflow: hidden;}
footer .foot-right .sologan p{font-size: 24px;line-height: 40px;color: #fff;}
footer .foot-right .sologan p span{font-size: 32px;}
footer .foot-right .flinks{width:100%;overflow:hidden;position:relative;clear:both;border-top: 1px solid #444;padding-top: 20px;margin-top: 72px;}
footer .foot-right .flinks .link{width:1200px;margin:0 auto;line-height: 24px;}
footer .foot-right .flinks .link h4 {color: #ccc;display:block;font-size: 14px;float: left;margin-right: 10px;}
footer .foot-right .flinks .link a{color:#ccc; margin-right:20px; font-size:14px;}
footer .foot-right .flinks .link a:hover{color:#fff;}
footer .foot-right .copyright{width:100%;overflow:hidden;}
footer .foot-right .copyright .copyrights{color: #aaa;line-height: 24px;font-size: 14px;}
footer .foot-right .copyright .copyrights a{color: #aaa;}
footer .foot-right .copyright .copyrights span{margin-left: 20px;}
footer .foot-right .copyright .copyrights span a{color: #aaa;}
footer .foot-right .copyright .copyrights span a:hover{color: #ffffff;}
footer .foot-right .qrcode{overflow: hidden;position: absolute;right: 0;top: 100px;}
footer .foot-right .qrcode img{display: block;width: 160px;}
footer .foot-right .qrcode p{font-size: 14px;line-height: 24px;color: #fff;text-align: center;margin-top: 10px;}
footer .foot-right .wx_qrcode{overflow: hidden;position: absolute;right: 200px;top: 100px;}
footer .foot-right .wx_qrcode img{display: block;width: 160px;}
footer .foot-right .wx_qrcode p{font-size: 14px;line-height: 24px;color: #fff;text-align: center;margin-top: 10px;}
footer .foot-right .douyin_qrcode{overflow: hidden;position: absolute;right: 400px;top: 100px;}
footer .foot-right .douyin_qrcode img{display: block;width: 160px;}
footer .foot-right .douyin_qrcode p{font-size: 14px;line-height: 24px;color: #fff;text-align: center;margin-top: 10px;}



.main{width:100%;overflow:hidden;background: #efefef;}
.index-banner{width: 100%;overflow: hidden;position: relative;}
.index-banner .video{width:100%;height:100%;position:relative;z-index:1;}
.index-banner .video::before{position: absolute;content: " ";background: rgba(33, 33, 33, 0.76);width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.index-banner .video video{width:100%; display: block;}
.index-banner .text{position:absolute;z-index: 10;width: 500px;top: 26%;left: calc(50% - 250px);color: #fff;text-align: center;}
.index-banner .text h2{line-height:54px; font-size:34px;}
.index-banner .text p{line-height:34px; font-size:18px;}
.index-banner .text .tags{margin:40px 0; text-align:center;}
.index-banner .text .tags span{display:inline-block;margin: 0 12px;width: 90px;height: 40px;font-size: 14px;line-height: 40px;text-align:center;/* border-left: 2px solid #c72929; */background: rgba(245, 18, 18, 0.65);position:relative;overflow: hidden;}
.index-banner .text .tags span:first-child{background: rgba(0, 103, 181, 0.65);}
.index-banner .text .tags span:nth-child(2){background: rgba(17, 197, 84, 0.65);}
.index-banner .text .tags span:nth-child(3){background: rgba(4, 169, 153, 0.65);}
.index-banner .text .tags span:nth-child(4){background: rgba(224, 108, 20, 0.65);}
.index-banner .text .tags span::before{content: ' '; position: absolute; background: rgba(255, 255, 255, 0.48); width: 14px; height: 40px; top: 0; left: -30px; -webkit-transition: all 0.45s ease-out; transition: all 0.45s ease-out; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); z-index:9;}
.index-banner .text .tags span:hover::before{left: 120px;}
.index-banner .text a.more{color: #fff;border: 1px solid #6f6f6f;margin-top: 10px;font-size: 14px;line-height: 46px;overflow: hidden; text-align:center; width:186px;}

.getmore{border: 1px solid #666;width: 14%;min-width: 200px;margin: 0 auto; transition:all 0.4s;}
.getmore a {display:block;padding:0 40px;line-height:40px;text-align: center;color: #666;font-size: 14px;}
.getmore:hover{border-radius:20px;}
.getmore a:hover{color: #d90000;}
.index-hotproducts{width:100%;clear:both;overflow:hidden;position:relative;background: #fff;}
.index-hotproducts .gears{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;}
.index-hotproducts .gears .gear1{background: url(../images/gear1.png) no-repeat center center;height: 400px;width: 400px;position: absolute;left: 0;top: 200px;background-size: cover;animation: rotate 10s linear infinite;transform-origin: top right;}
.index-hotproducts .gears .gear2{background: url(../images/gear2.png) no-repeat center center;height: 700px;width: 700px;position: absolute;right: 15%;top: 0;background-size: cover;animation: rotate2 18s linear infinite;transform-origin: right top;}
.index-hotproducts .hotproducts{margin:0 auto;overflow:hidden;padding:60px 0}
.index-hotproducts .hotproducts h3{text-align:center;font-size:26px;color: #666;position:relative;letter-spacing:3px;}
.index-hotproducts .hotproducts ul{overflow:hidden;width:100%;padding-top:40px;margin-bottom:60px}
.index-hotproducts .hotproducts ul li{width: calc(25% - 30px);float:left;margin: 20px 40px 20px 0;/* background:#fff; *//* border: 1px solid #ddd; *//* box-shadow:0 0 10px rgba(0,0,0,0.4); */position:relative;overflow:hidden;}
.index-hotproducts .hotproducts ul li:nth-child(4n){margin-right:0;}
.index-hotproducts .hotproducts ul li:after{transform: translateY(-50%) rotateY(-90deg);transform-origin: left center;left: auto;right: 7%;content: " ";}
.index-hotproducts .hotproducts ul li::before, .index-hotproducts .hotproducts ul li::after{content: "";background: rgba(255,255,255,0.9);width: 43%;height: 40%;opacity: 0;transform: translateY(-50%) rotateY(90deg);transform-origin: right center;transform-style: preserve-3d;position: absolute;top: 50%;left: 7%;transition: all 0.4s ease-out;z-index: 9;}
.index-hotproducts .hotproducts ul li::after{transform: translateY(-50%) rotateY(-90deg);transform-origin: left center;left: auto;right: 7%;}
.index-hotproducts .hotproducts ul li:hover::before, .index-hotproducts .hotproducts ul li:hover::after{opacity: 1;transform: translateY(-50%) rotateY(0);content: " ";}
.index-hotproducts .hotproducts ul li .litpic{overflow:hidden;position:relative;-webkit-transition: all 0.65s ease-in-out;-moz-transition: all 0.65s ease-in-out;transition: all 0.65s ease-in-out;}
.index-hotproducts .hotproducts ul li .litpic a{float:left;width:100%}
.index-hotproducts .hotproducts ul li .litpic img{width:100%;display:block}
.index-hotproducts .hotproducts ul li .litpic:hover:before{width:65px;left:500px}
.index-hotproducts .hotproducts ul li .info{width: 100%;opacity: 0;transform: translateY(-50%);position: absolute;left: 0;z-index: 10;transition: all 0.4s;top: 20%;text-align: center;}
.index-hotproducts .hotproducts ul li:hover .info{opacity: 1;}


.index-hotproducts .hotproducts ul li .info p.title{color: #444;padding-top:40%;}
.index-hotproducts .hotproducts ul li .info p.viewbtn{border:1px solid #666;line-height:40px;font-size:14px;width:120px;margin:0 auto;text-align:center}
.index-hotproducts .hotproducts ul li .info p.viewbtn a{color:#666;display:block;font-weight:400}
.index-hotproducts .hotproducts ul li .info p.viewbtn a:hover{color:#111}
.index-about{width:100%;overflow:hidden;position:relative;padding: 60px 0;}
.index-about::before{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background:#272727 url(../images/index-about_bg.png) no-repeat center center;animation:mymove 20s;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;background-attachment: fixed;}
.index-about h3{text-align:center;font-size:26px;color: #fff;position:relative;letter-spacing:3px;}
.index-about .intro{margin-bottom:60px;overflow:hidden;height: 460px;}
.index-about .intro .introduction{position: absolute;right: 0;width: 900px;height: 440px;overflow:hidden;float: right;margin: 140px 0 40px 0;background: rgba(47, 47, 47, 0.9);padding:  60px;/* border-radius: 20px 0 0; */z-index: 99;}
.index-about .intro .introduction p{color: #ddd;font-size:14px;line-height:22px;text-align:justify;letter-spacing:1px;margin-bottom: 14px;}
.index-about .intro .introduction p a{color:#608ab6;margin:0 4px}
.index-about .intro .introduction p a:hover{color:#f1751d}
.index-about .intro .introduction i.fa-quote-left{color: #999;font-size:30px;line-height:30px;margin-right: 14px;margin-bottom: 10px;}
.index-about .intro .introduction i.fa-quote-right{color: #999;font-size:30px;line-height:30px;float:right;}
.index-about .intro .introduction .getmore{margin-top:40px;float: right;}
.index-about .intro .introduction .getmore a:hover{color:#ddd;}
.index-about .intro .cmppic{position: absolute;left: 0;margin-top: 40px;width: calc(95% - 550px);height: 480px;overflow:hidden;/* border-radius: 0 20px 20px 0; */border: 8px solid rgba(255, 255, 255, 0.4);border-left: none;}
.index-about .intro .cmppic img{width:100%; min-height:100%;}
.index-news{clear:both;overflow:hidden;position:relative}
.index-news-main{padding: 60px 0;clear:both;overflow:hidden;}
.index-news-main h3{text-align:center;font-size:26px;color: #666;position:relative;letter-spacing:3px;}
.index-news-list{float:left;margin-top:50px;}
.index-news-list ul{width:100%;overflow:hidden;margin-bottom:60px}
.index-news-list ul li{width:22%;float:left;list-style-type:none;margin:0 4% 0 0;background:#fff}
.index-news-list ul li:nth-child(4n){margin-right:0}
.index-news-list ul li .litpic{text-align:center;position:relative;margin:0 auto;width:100%;overflow:hidden}
.index-news-list ul li .litpic img{width:100%;display:block}
.index-news-list ul li .newsinfo{padding:20px}
.index-news-list ul li .newsinfo h4{text-align:left;line-height:22px;padding-bottom:6px;margin-bottom:10px;font-size:16px;position:relative}
.index-news-list ul li .newsinfo h4::before{content:" ";position:absolute;left:0;bottom:0;width:32px;height:2px;background:#d90000}
.index-news-list ul li .newsinfo h4 a{color:#222;height:22px;display:block;overflow:hidden}
.index-news-list ul li .newsinfo h4 a:hover{color:#d90000}
.index-news-list ul li .newsinfo p{text-align:justify;font-size:13px;line-height:20px;height:60px;color:#666;overflow:hidden}
.index-news-list ul li .newsinfo p.readmore{margin-top:18px;text-align:right;font-size:12px;line-height:24px;height:auto}
.index-news-list ul li .newsinfo p.readmore a{color:#999;line-height:24px}
.index-news-list ul li .newsinfo p.readmore a i{color:#999;line-height:24px}
.index-news-list ul li .newsinfo p.readmore span.time{float:left;color:#999}
.index-news-list ul li .newsinfo p.readmore span.time i{color:#999;line-height:24px}
.index-contact{clear:both;overflow:hidden;position:relative;height: 600px;border-top: 4px solid #ffffff;box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);}
.index-contact .map{height:100%;width:100%;position:absolute;top:0;left:0;}
.index-contact #themap{height:100%;width:100%}
.index-contact-info{margin-top: 100px;overflow:hidden;float:left;width:400px;background: rgba(11, 74, 99, 0.81);z-index:1;position:relative;left:10%;padding:60px;}
.index-contact-info h3{text-align:center;font-size:26px;color: #ffffff;position:relative;letter-spacing:3px;}
.index-contact-info .infos{padding-top: 40px;}
.index-contact-info .infos li{line-height:24px;height:34px;font-size:14px;color: #ddd;width:100%;list-style-type:none;}
.index-contact-info .infos li span{float:left; margin-right:8px;}
.index-contact-info .infos li a{color: #ddd;}
.index-contact-info .infos li span.tel{ background:url(../images/index_contact-icon.png) 0 0 no-repeat; width:24px; height:24px;}
.index-contact-info .infos li span.fax{ background:url(../images/index_contact-icon.png) 0 -26px no-repeat; width:24px; height:24px;}
.index-contact-info .infos li span.email{ background:url(../images/index_contact-icon.png) 0 -58px no-repeat; width:24px; height:24px;}
.index-contact-info .infos li span.address{ background:url(../images/index_contact-icon.png) 0 -90px no-repeat; width:24px; height:24px;}
.index-contact-info .infos li span.wechat{ background:url(../images/index_contact-icon.png) 0 -122px no-repeat; width:24px; height:24px;}
.index-contact-info .infos li span.website{ background:url(../images/index_contact-icon.png) 0 -152px no-repeat; width:24px; height:24px;}

.page-banner{width:100%; position: relative;}
.page-banner img{display:block; width:100%;}

/*产品分类页左侧特殊标题*/
.page-banner .title{position: relative;}
.page-banner .title span{position: absolute;bottom: 0;left: 0;color: #000;background: #fff;width: 280px;padding-top: 15px;line-height: 60px;font-size: 24px;padding-left: 32px;box-shadow: 0 0 6px rgba(170, 170, 170, 0.28);}
.page-banner .title span::after{position:absolute;content:" ";width: 5px;height: 24px;left: 16px;top: 34px;border-radius:1.5px;background: linear-gradient(180deg,#ff9c9c,#d90000);}


/*产品模型*/
/*===================================产品模型==============================*/
.promain{overflow:hidden;margin:0 auto;position: relative;}
.pro_cate_left{position: absolute;top: 0;bottom: 0;width: 280px;background: #ffffff;z-index: 9;box-shadow: 0 0 6px rgba(170, 170, 170, 0.28);}
.pro_cate_left .pro_catelist{position: relative;}
.pro_cate_left .pro_catelist h2{font-size: 24px;color: #150d0f;line-height:44px;height:44px;margin: 20px 0;padding-left: 30px;border-left: 6px solid #f74055;font-family: 'Raleway', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;}
.pro_cate_left .pro_catelist dl{}
.pro_cate_left .pro_catelist dt{color:#fff;position: relative;}
.pro_cate_left .pro_catelist dt a{color: #444;margin: 0 30px;line-height: 60px;font-size: 14px;display: block;border-bottom: 1px solid #eee;}
.pro_cate_left .pro_catelist dt a.bigcate_cur, .pro_cate_left .pro_catelist dl:hover dt a{color: #d90000;border-color: #d90000;}
.pro_cate_left .pro_catelist dd{position: absolute;left: 280px;min-height: 240px;width: 400px;display: none;background: #7d7d7d;z-index: 99;margin-top: -61px;padding: 20px;box-shadow: 3px 3px 6px rgba(170, 170, 170, 0.28);}
.pro_cate_left .pro_catelist dd li{position:relative;list-style-type:none;height:34px;float: left;width: 50%;}
.pro_cate_left .pro_catelist dd li a{font-size:14px;color: #eee;display:block;line-height:34px;padding: 0 20px;font-size: 13px;}
.pro_cate_left .pro_catelist dd li a:hover{color: #ffffff;}
.pro_cate_left .pro_catelist dd li a i{margin-right: 6px;}
.pro_cate_left .pro_catelist dd li a.cate_cur{color: #8eff2a;}
.pro_cate_left .pro_catelist dd li a.cate_cur i{margin-right:8px;}

.pro_location{width:100%;float:left;background: #fff;padding: 20px 40px;}
.pro_location .here{overflow:hidden;line-height: 40px;}
.pro_location .here a{color:#111; font-size:14px;}
.pro_location .here a i{color: #150d0f;line-height:40px;margin-right:8px;}
.pro_location .here code{color: #150d0f;margin:0 10px;}
.pro_location .here font{color:#111; font-size:14px;}

.searchbox{position: relative;margin: 30px 0 10px 0;overflow: hidden;background: #fff;padding: 20px 40px;}
.searchbox dl{float:left;position:relative;}
.searchbox dl input{height: 46px;width: 400px;color:#999999;font-size: 14px;float: left;box-sizing: border-box;padding-left: 14px;box-shadow: inset 1px 2px 5px rgba(221, 221, 221, 0.6);border: 1px solid #ddd;border-right: 0;}
.searchbox dl input:focus{outline: 0;}
.searchbox dl span{font-size: 16px;color: #313131;position: relative;bottom:0px;width: 60px;text-align:center;cursor:pointer;background: #fd6161;float: left;}
.searchbox dl span:hover{}
.searchbox dl span i {line-height: 46px;font-size: 22px;color: #fff;}
.searchbox dl+dl{float:right; border:none;}
.searchbox dl dd{height: 48px;text-align: center;float:left;}
.searchbox dl dd a{display:block;text-align:center;padding: 0 24px;color: #999;font-family: "Geometr";font-size: 24px;}
.searchbox dl dd a:hover{}
.searchbox dl dd i{font-size: 24px;line-height: 48px;margin-right: 10px;color: #fd6161;}

.prolist{width: calc(100% - 310px);overflow:hidden;float: right;}
.prolist ul{overflow:hidden;min-height: 500px;padding-left: 40px;background: #fff;}
.prolist ul li{width: calc(33.333% - 40px);float:left;margin: 0 40px 40px 0;overflow:hidden;background:#fff;}
.prolist ul li:nth-child(3n){margin-right: 0;}
.prolist ul li:hover{}
.prolist ul li .litpic{width:100%; overflow:hidden;}
.prolist ul li .litpic img{width:100%;display: block;}
.prolist ul li .info{background: #fff;margin:0 auto;overflow:hidden;}
.prolist ul li .info a{font-size:13px; text-align:center; display:inline-block; color:#444; display:block;}
.prolist ul li .info h4{text-align:center; font-size:14px; line-height:28px; margin:10px 0; font-weight:500;}
.prolist ul li:hover .info{background: #313131;}
.prolist ul li:hover .info a{color:#fff;}


/*产品详情*/
.proview{width: calc(100% - 310px);float: right;overflow:hidden;}
.proview .pro_content{overflow:hidden;float: left;width: 100%;position: relative;margin-top: 2px;margin-bottom:40px;background: #fff;padding: 40px;}
.proview .pro_content h1{font-size: 24px;text-align: center;text-transform: capitalize;color: #000;line-height: 60px;height: 60px;margin-bottom: 40px;}
.proview .pro_content .tag {margin-top: 20px;margin-top: 20px;font-size: 14px;color: #999;}
.proview .pro_content .tag i {margin-right: 8px;}
.proview .pro_content p{margin-bottom:14px; line-height:20px; font-size:14px; color:#444;}
.proview .pro_content p img{max-width:100%;}
.proview .pro_content p strong{font-weight:bold; font-size:16px;}
.proview .pro_content .prodetail{width:100%;overflow:hidden;margin-top: 20px;}
.proview .pro_content .prodetail p img{width: 100%;}
.proview .pro_content .parameter{overflow: hidden;}
.proview .pro_content .parameter h2{line-height: 30px;font-size: 20px;color:#444;border-left: 3px solid #d90000;padding-left: 20px;margin-bottom: 20px;}
.proview .pro_content .pro_contact{overflow: hidden;}
.proview .pro_content .pro_contact h2{line-height:60px; font-size:30px; color:#444;}
.proview .pro_content .pro_contact ul{float: left;}
.proview .pro_content .pro_contact ul li{height:30px;line-height:30px;font-size:14px;float: left;width: 50%;}
.proview .pro_content .pro_contact ul li i{margin-right:6px;width:24px;text-align:center;color: #46bae2;}
.proview .pro_content .pro_contact ul li span{color: #444;}
.proview .pro_content .pro_contact ul li.address{width:100%;}
.proview .pro_content .inquire_btn {position: absolute;top: 0;right: 0;z-index:99;}
.proview .pro_content .inquire_btn a {color: #fff;background: #000000;display: block;line-height: 40px;padding: 0 20px 0 50px;background: linear-gradient(45deg, transparent 30px, #ff4b4b 0);}
.proview .pro_content .inquire_btn a:hover{background: linear-gradient(45deg, transparent 30px, #d90000 0);}
.proview .recommend_products{float: left;clear: both;width: 100%;border-top: 1px solid #d6d6d6;padding-top: 40px;margin-top: 40px;}
.proview .recommend_products h3{font-size:20px;line-height:40px;color: #111;margin-bottom: 20px;font-family: 'Raleway', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;}
.proview .recommend_products h3 i{margin-right: 8px;float: left;color: #d90000;line-height: 46px;}
.proview .recommend_products ul{width: 100%;overflow: hidden;}
.proview .recommend_products ul li{overflow:hidden;background:#fff;position: relative;margin-bottom: 20px;float:left;width: calc(25% - 15px);margin-right: 20px;}
.proview .recommend_products ul li:nth-child(4n){
    margin-right: 0;
}
.proview .recommend_products ul li:hover{}
.proview .recommend_products ul li .litpic{width:100%; overflow:hidden;}
.proview .recommend_products ul li .litpic img{width:100%;display: block;}
.proview .recommend_products ul li .info{overflow:hidden;width: 100%;position: absolute;bottom: 0;z-index: 9;background: #ffffffd6;}
.proview .recommend_products ul li .info a{font-size:13px; text-align:center; display:inline-block; color:#444; display:block;}
.proview .recommend_products ul li .info h4{text-align:center;font-size: 15px;line-height:28px;margin:10px 0;color: #222;}
.proview .recommend_products ul li .info a:hover{color:#222;}

/*新闻模型*/
.newsmain{width:100%;overflow:hidden;margin-top: 20px;}
.pagebanner{width:100%;overflow:hidden;clear:both;position:relative;height: 300px;background:url(../images/pagebanner.jpg) no-repeat center center;}
.pagebanner::before{position:absolute;width:100%;height:100%;left:0;top:0;content:" ";background:rgba(0,0,0,0.68);z-index:1}
.pagebanner h2{text-align:center;color:#fff;font-size:30px;line-height:40px;margin-top: 100px;position:relative;z-index:9;}
.pagebanner .news-bg{position:absolute;left:-40px;right:-40px;top:-40px;bottom:-40px;background-position:50%;background-size:100%;filter: blur(6px);z-index:0;}

.newslist{overflow:hidden;position:relative;}
.newslist .list{width: calc(100% - 370px);float: left;padding: 40px 60px;overflow:hidden;background: #fff;}
.newslist .list ul{overflow:hidden;min-height:640px}
.newslist .list ul li{float:left;width:100%;margin:0 44px 40px 0;border-bottom: 1px solid #ddd;padding-bottom:14px;}
.newslist .list ul li:nth-child(even){margin-right:0}
.newslist .list ul li .newspic{width:100%;overflow:hidden;margin-bottom:20px}
.newslist .list ul li .newspic img{max-width:100%;width:auto}
.newslist .list ul li .newsinfo{margin-top:0;border-top:none}
.newslist .list ul li .newsinfo .other{margin-top:14px;overflow:hidden;color:#999;font-size:14px;line-height:34px}
.newslist .list ul li .newsinfo .other .pubtime{float:left}
.newslist .list ul li .newsinfo .other .pubtime i{}
.newslist .list ul li .newsinfo .other .hits{float:left;margin-left:30px}
.newslist .list ul li .newsinfo .other i{margin-right:10px}
.newslist .list ul li .newsinfo .title{line-height:22px;overflow:hidden;font-size:18px;margin-bottom:10px;color: #333;text-transform:uppercase;font-family:Lato;}
.newslist .list ul li .newsinfo .title:hover{color:#d90000}

.newslist .list ul li .newsinfo .desc{font-size:14px;line-height:20px;color:#666;font-weight:300;text-align:justify;overflow:hidden;letter-spacing:1px;padding:20px 0}
.newslist .list ul li .newsinfo a.readmore{float:right;color:#999;font-size:14px;padding:0 20px;border: 1px solid #ddd;border-radius:10px 0;}
.newslist .list ul li .newsinfo a.readmore:hover{background:#d90000;color:#fff;border-color:#d90000}
.newsview{overflow:hidden;position:relative;}
.newsview .newsdetail{width:calc(100% - 370px);float: left;overflow:hidden;position:relative;padding: 40px;background: #fff;}
.newsview .newsdetail h1{font-size:24px;line-height:40px;color: #222;text-transform:uppercase;position: relative;padding-bottom: 6px;}
.newsview .newsdetail h1::before{position: absolute;content: " ";bottom: 0;width: 46px;height:2px;background: #d90000;}
.newsview .newsdetail .info{text-align:left;margin:10px 0}
.newsview .newsdetail .info span{font-size:13px;color:#999;margin-right:20px}
.newsview .newsdetail .info span i{color:#999;margin-right:6px}
.newsview .newsdetail .news_content{margin-top:30px;min-height:720px}
.newsview .newsdetail .news_content p{margin-bottom:14px;line-height: 28px;font-size: 15px;color: #444;letter-spacing:1px;}
.newsview .newsdetail .news_content p img{max-width:100%}
.newsview .newsdetail .news_content p strong{font-weight:bold;font-size:16px}

.newsview .newsdetail .pn{float:left;clear:both;margin:30px 0;width:100%;overflow:hidden;border-top: 1px solid #eee;padding-top:16px;}
.newsview .newsdetail .pn li{font-size:13px;line-height:40px;color:#666;width:100%;overflow:hidden}
.newsview .newsdetail .pn li i{margin-right:8px;color:#d90000}
.newsview .newsdetail .pn li a{color:#666}
.newsview .newsdetail .pn li a:hover{color:#2196F3}
.newsview .newsdetail .pn li.tag i{color:#d90000;margin-right:4px}
.news-right-bar{position:absolute;height:100%;width:350px;right: 0;padding: 40px;background: #fff;}
.news-right-bar h3{font-size:18px;line-height:40px;color:#999;margin-bottom:14px;text-transform:uppercase;position: relative;padding-left: 12px;}
.news-right-bar h3::after{position:absolute;content:" ";width:3px;height:16px;left:0;top: 12px;border-radius:1.5px;background: linear-gradient(180deg,#ff9c9c,#d90000);}
.news-right-bar .categorylist{overflow:hidden;margin-bottom:20px;padding-bottom:20px}
.news-right-bar .categorylist ul{}
.news-right-bar .categorylist ul li{height:34px;overflow:hidden}
.news-right-bar .categorylist ul li:last-child{border-bottom:none}
.news-right-bar .categorylist ul li a{line-height:34px;color: #444;font-size:14px;letter-spacing:1px;position:relative;}
.news-right-bar .categorylist ul li a i{margin-right:8px}
.news-right-bar .categorylist ul li a:hover{color:#d90000}
.news-right-bar .hotnews{width:270px;overflow:hidden}
.news-right-bar .hotnews li{float:left;width:100%;position:relative;padding: 14px 0;margin-bottom:14px;border-bottom: 1px solid #eee;}
.news-right-bar .hotnews li:last-child{border:none}
.news-right-bar .hotnews li .newspic{width:100px;overflow:hidden;line-height:0;float:left}
.news-right-bar .hotnews li .newspic img{width:100%}
.news-right-bar .hotnews li .newsinfo{float:left;width: calc(100% - 110px);margin-left: 10px;}
.news-right-bar .hotnews li .newsinfo .pubtime{color:#666;font-size:12px;line-height:22px;display:block}
.news-right-bar .hotnews li .newsinfo .pubtime i{margin-right:6px}
.news-right-bar .hotnews li .newsinfo h4{line-height:20px;overflow:hidden;font-size:14px;color:#444;font-weight:normal}
.news-right-bar .hotnews li .newsinfo h4:hover{color:#d90000}

/*相册模型*/
.photomain{width:100%;overflow:hidden;position:relative}
.photolist{overflow:hidden;margin:0 auto}
.photolist ul{width:100%;overflow:hidden}
.photolist ul li{width:calc(25% - 21px);float:left;margin:0 28px 28px 0;overflow:hidden;background:#eee;position:relative}
.photolist ul li:nth-child(4n){margin-right:0}
.photolist ul li:hover{}
.photolist ul li .litpic{width:100%;overflow:hidden}
.photolist ul li .litpic img{width:100%;display:block}
.photolist ul li .info{background:rgba(0,0,0,0.8);overflow:hidden;position:absolute;bottom:0;left:0;right:0;z-index:9}
.photolist ul li .info a{font-size:13px;text-align:center;display:inline-block;color:#999;display:block}
.photolist ul li .info h4{text-align:center;font-size:14px;line-height:28px;margin:10px 0}
.photolist ul li .info a:hover{color:#d90000}

/*成功案例*/
.showcase{overflow: hidden;}
.showcase .list{width:100%;}
.showcase .list ul {padding-top:20px;width: 100%;overflow:hidden;}
.showcase .list ul li{float:left;width: calc(33.33% - 40px);margin: 0 40px 40px 0;background:#fff;}
.showcase .list ul li:nth-child(3n){margin-right: 0;}
.showcase .list ul li .casepic{ width:100%; height:240px; overflow:hidden;}
.showcase .list ul li .casepic img{width:100%;}
.showcase .list ul li .caseinfo{margin-top:0;border:1px solid #eee;border-top:none;padding: 20px 30px 15px 30px;}
.showcase .list ul li .caseinfo .pubtime{color: #666;font-size:13px;font-weight:300;line-height:30px;}
.showcase .list ul li .caseinfo .pubtime i{margin-right:6px;}
.showcase .list ul li .caseinfo h3{line-height:22px;overflow:hidden;font-size:16px;margin-bottom:10px;color:#555;}
.showcase .list ul li .caseinfo h3:hover{color:#333;}
.showcase .list ul li .caseinfo .desc{font-size:14px;line-height:20px;color: #999;font-weight:300;text-align:justify;height:60px;overflow:hidden;letter-spacing: 1px; text-indent:2em;}
.showcase .list ul li .caseinfo .other{border-top:1px solid #eee;padding-top:14px;margin-top:18px;overflow: hidden;}
.showcase .list ul li .caseinfo .other .readmore{float:right; color:#888; font-size:13px;}
.showcase .list ul li .caseinfo .other .readmore:hover{color:#333;}
.showcase .list ul li .caseinfo .other .hits{float:left; color:#999; font-size:13px;}
.showcase .list ul li .caseinfo .other i{margin-right:6px;}


/*位置*/
.location{width:100%;float:left;position:relative;z-index:9}
.location .here{overflow:hidden;line-height:40px;text-align:center}
.location .here a{color:#999;font-size:15px}
.location .here a i{color: #999999;line-height:40px;margin-right:8px;}
.location .here a:hover{color:#fff;}
.location .here code{color:#999;margin:0 10px}
.location .here font{color:#999;font-size:15px}


/*子类列表*/
.soncate{width:100%;overflow:hidden;padding:60px 0;text-align:center}
.soncate a{line-height:40px;font-size:14px;color:#999;display:inline-block;margin:0 10px;padding:0 60px;border: 1px solid #ccc;}
.soncate a.cur{background:#d90000;color:#fff}
.soncate a:hover{color:#fff}

/*分页*/
.pagelist{overflow:hidden;width:100%;text-align:center;line-height:36px;margin: 10px 0 30px 0;font-size:14px;position:relative;background: #fff;padding: 20px 40px;}
.pagelist span{color: #ffffff;line-height:36px;overflow:hidden;margin:0 5px;height:36px;text-align:center;border-bottom: 2px solid #313131;display:inline-block;width:36px;background: #777;border-radius: 4px 4px 0 0;}
.pagelist a{color:#999;display:inline-block;min-width:36px;padding:0 10px;height:36px;line-height:36px;overflow:hidden;border-bottom:2px solid #ddd;margin:0 5px;}
.pagelist a i{line-height:36px}
.pagelist a:hover{color: #d90000;}
.pagelist a.a1{width:auto!important}

/*返回*/
.goback{right: 20px;top: 50px;width: 60px;height: 60px;text-align:center;border-radius:50%;overflow:hidden;position:absolute;}
.goback a{border-radius:50%; display:block; overflow:hidden;color: #888888;line-height: 60px;}
.goback a:hover{color:#000;}


/*-------留言弹出层-------*/
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0;}
.reveal-modal{visibility: hidden;top: 160px;left: 50%;margin-left: -300px;width: 575px;background: #fff;position: absolute;padding: 30px 40px 34px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);z-index:9999;box-sizing:border-box;}
.reveal-modal.small{width: 200px;margin-left: -140px;}
.reveal-modal.medium{width: 400px;margin-left: -240px;}
.reveal-modal.large{width: 600px;margin-left: -340px;}
.reveal-modal.xlarge{width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal{font-size: 32px;line-height: 32px;position: absolute;top: 0;right: 12px;color: #aaa;cursor: pointer;} 
/*-------留言弹出层-------*/
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0;}
.reveal-modal{visibility: hidden;top: 160px;left: 50%;margin-left: -300px;width: 560px;background: #fff;position: absolute;padding: 40px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);z-index:9999;box-sizing:border-box;border-radius: 3px;}
.reveal-modal.small{width: 200px;margin-left: -140px;}
.reveal-modal.medium{width: 400px;margin-left: -240px;}
.reveal-modal.large{width: 600px;margin-left: -340px;}
.reveal-modal.xlarge{width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal{font-size: 32px;line-height: 32px;position: absolute;top: 0;right: -34px;color: #fff;cursor: pointer;} 
/*留言窗口样式*/
.sendrequire h3{line-height: 24px;font-size: 14px;font-weight:normal;color: #999;text-transform: uppercase;}
.sendrequire h3 i{margin-right:6px;color: #444;}
.sendrequire .post_mail{overflow:hidden;margin-top: 20px;clear: both;}
.sendrequire .messages{overflow:hidden;}
.sendrequire .messages input,.messages select,.sendrequire .messages textarea{margin:0;padding:0; background:none; border:0;height:auto;width: 494px;}
.sendrequire .messlist {width: calc(50% - 5px);float:  left;margin: 10px 10px 10px 0;}
.sendrequire .messlist:nth-child(2n){margin-right:0;}
.sendrequire .messlist.messtextarea{width:100%; margin-right:0;}
.sendrequire .messlist input{width: 100%;height:38px;padding:0 12px;border: #ddd 1px solid;font-size:13px;box-sizing:border-box;font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;box-shadow: inset 1px 2px 5px rgba(221, 221, 221, 0.6);}
.sendrequire .messlist textarea{float:left;width: 100%;height:124px;padding:12px;border: #ddd 1px solid;font-size:13px;box-sizing:border-box;font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;box-shadow: inset 1px 2px 5px rgba(221, 221, 221, 0.6); resize:none;}
.sendrequire .messlist input:focus, .sendrequire .messlist textarea:focus{border-color:#aaa;}
.sendrequire .messsub{margin-top: 20px;width: 100%;overflow: hidden;float: left;text-align: center;}
.sendrequire .messsub input{width: 200px;height: 40px;background: #f74055;font-size:14px;cursor:pointer;border-radius: 4px;color: #fff;}
.sendrequire .messsub input:hover{background: #a82121!important;color:#fff!important;}

/*旋转*/
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
/*反向旋转*/
@-webkit-keyframes rotate2{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate2{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate2{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(-359deg)}
}
@keyframes rotate2{from{transform: rotate(0deg)}
to{transform: rotate(-359deg)}
}


/*联系方式弹出*/
.all_contact{position:fixed;z-index:99999;width: 0;height: 100%;background: #f1f1f1;left: 0;top: 0;overflow: hidden;transition-property:width;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.all_contact .close{opacity: 0;filter: alpha(opacity=0);transition: all 1s;position:absolute;right:20px;top:20px;font-size:40px; width:40px; text-align:center; border-radius:50%; overflow:hidden;}
.all_contact .close i{color:#000; transition:1.2s; cursor:pointer; line-height:40px;}
.all_contact .close i:hover{color: #d90000;animation: rotate 0.8s linear 1;}
.all_contact.open{width: 100%;}
.all_contact.open .close{opacity: 1;filter: alpha(opacity=100);}
.all_contact .cmain{width: 50%;float:right;overflow:hidden;margin-top:40px;}
.all_contact .cmain .leftlogo{float:left;background:url(../images/left_logo.png) no-repeat center center;width:100%;height:314px;}
.all_contact .cmain .contactus{overflow:hidden;width:80%;margin:0 auto;}
.all_contact .cmain .contactus .contactinfo{padding-top:30px; width:300px; margin:0 auto;}
.all_contact .cmain .contactus .contactinfo h4{font-size:18px;color: #222;width:500px;text-transform: uppercase;}
.all_contact .cmain .contactus .contactinfo p{margin:14px 0; line-height:22px; font-size:14px; color:#555; width:400px; font-weight:500;}
.all_contact .cmain .contactus .contactinfo p i{width:24px; text-align:center; color:#aaa; margin-right:5px;}
.all_contact .map{width: 48%; float:left;height:100%;border-right:6px solid #fff;box-shadow: 1px 0 4px rgba(121, 121, 121, 0.52); overflow:hidden;}
.all_contact .map #themap{height:100%; }

@-moz-keyframes fill {
	0% { height: 0px; }
	25% { height: 30px; }
	50% { height: 60px; }
	75% { height: 90px; }
	100% { height: 125px; }
}

@-webkit-keyframes fill {
	0% { height: 0px; }
	25% { height: 30px; }
	50% { height: 60px; }

	75% { height: 90px; }
	100% { height: 125px; }
}
@keyframes fill {
	0% { height: 0px; }
	25% { height: 30px; }
	50% { height: 60px; }
	75% { height: 90px; }
	100% { height: 125px; }
}